/**
 * @Author: Owen
 * @Date:   2018-01-22T15:16:46+08:00
 * @Filename: main.css
 * @Last modified by:   Owen
 * @Last modified time: 2018-01-25T15:15:27+08:00
 */
/* 
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
} */

    .iconfont {
        font-family:"iconfont" !important;
        font-size:16px;
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
     }
body{
    line-height:1.4;
    color:#333;
    font-family:"Microsoft YaHei",arial;
    font-size: 12px;
}
input,textarea,select{
    font-size:100%;
    font-family:inherit;
}
input,button,textarea,select{
    border:none;
    outline:none;
    font-family:"Microsoft YaHei",arial;
}
input{
    text-align:center;
}
.colorA{color:rgba(255,255,255,.8)}
.colorA:hover{color:rgba(28,125,250,0.8)}
body,h1,h2,h3,h4,h5,h6,p,ul,li,form,input,button,textarea{
    margin:0;
    padding:0;
}
ul,li{
    list-style-type:none;
}
em,i{font-style:normal;}
img{border:0;}
.bd-none{border:0; outline:none;}
a{text-decoration: none;color:#555;}
#permission-b{display: inline-block;}
#permission-n{display:none;}
.date .input-box{
    border-bottom: none !important;
}
/*更改select的图标*/
select {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../img/select.png") no-repeat 98% center transparent;
    padding-right: 14px;
}
.select_nobg{
    background: transparent !important;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/*字体加粗*/
.fw-n{font-weight: normal;}

/*单行文本省略*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*code颜色*/
.code:hover{
    color: rgba(28,125,250,0.8);
    text-decoration: underline;
    cursor: pointer;
}
/*手型*/
.cp{cursor: pointer;}
.ct{cursor: text;}
.cn-d{cursor: no-drop !important;}
/*overflow*/
.oh{overflow:hidden;}
.oa{overflow:auto;}

/*box-sizing*/
.bs_bb{box-sizing: border-box;}

/*position*/
.pr{position:relative;}
.pa{position:absolute;}

/*文本水平居中*/
.ta-c{text-align: center;}
.ta-r{text-align:right;}
.ta-l{text-align:left;}
.money-right{text-align: right !important;box-sizing: border-box;}

/*水平垂直居中*/
.center{
    font-size: 12px;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

/*清浮动*/
.clear{*zoom:1;}
.clear:after{display:block; content:''; clear:both;}
/*手型*/
.pointer{
    cursor: pointer;
}
/*设置浮动*/
.fl{float:left;}
.fr{float:right;}


/*display*/
.db{display:block;}
.di{display:inline-block;}

/*宽度*/
.w-min{width:30px !important;}
.w-ls{width:45px;}
.w-sm{width:70px;}
.w-ex-sm{width:100px !important;}
.w-ex-md{width:130px;}
.w-md{width:120px;}
.w-lg{width:167px ;}
.w-ex-lg{width:240px;}


.w-pct-sm{width:25%;}
.w-pct-ex-sm{width:20%;}
.w-pct-md{width:21.7%;}
.w-pct-lg{width:34.9%;}
.w-pct-ex-lg{width:40%;}
.w-pct33{width:33.33%;}
.w-pct100{width:100%;}
.w-pct14{width:14.2%;}
.w-pct12{width:12.5%;}
.w-pct9{width:9%;}
/*高度*/
.h-sm{height:38px;}
.h-ex-sm{height:40px;}
.h-ex-md{height:45px;}
.h-md{height:50px;}
.h-lg{height:60px;}
.h-ex-lg{height:80px;}

.h-pct100{height:100%;}

/*行高*/
.lh-sm{line-height:38px;}
.lh-ex-sm{line-height:40px;}
.lh-ex-md{line-height:45px;}
.lh-md{line-height:49px;}
.lh-lg{line-height:60px;}
.lh-ex-lg{line-height:80px;}

.lh-n{line-height: normal;}

/*字体大小*/
.fs-sm{font-size:12px;}
.fs-ex-sm{font-size:13px;}
.fs-md{font-size:14px;}
.fs-lg{font-size:16px;}

/*字体颜色*/
.cw{color:white;}
.c-0{color:#000 !important;}
.c-255-8{color:rgba(255,255,255,.8);}
.c-255-7{color:rgba(255,255,255,.7);}
.c-255-5{color:rgba(255,255,255,.5);}
.c-255-25{color:rgba(255,255,255,.25) !important;}

/*margin*/
.mt1{margin-top:1px;}
.mr1{margin-right:1px;}
.mb1{margin-bottom:1px;}
.ml-1{margin-left:-1px;}

.mb-sm{margin-bottom:10px;}
.mb-ex-sm{margin-bottom:32px;}

.ml-sm{margin-left:10px;}

/*padding*/
.plr-1{padding:0 1px;}
.pr15{padding-right:15px;}
.pr5{padding-right: 5px;}
.pl30{padding-left: 30px;box-sizing:border-box;}
.pr30{padding-right: 30px;box-sizing: border-box;}
/*背景色*/
.bc-0-2{background: rgba(0,0,0,.2);}
.bc-0-3{background: rgba(0,0,0,.3);}
.bc-0-4{background: rgba(0,0,0,.4)!important;}
.bc-0{background: 0;}
.nav-fixed{background: #0475bf;}

/*背景图*/
.bg-line{background:url("../img/th_line.png") no-repeat right center;}
.bg-long-line{background:url("../img/h_line.png") no-repeat right center;}

/*text-indent*/
.ti-pct30{text-indent: 30%;}
.ti-pct35{text-indent: 35%;}
.ti-pct40{text-indent: 40%;}
.ti-pct50{text-indent: 45%;}
/*输入框的样式*/
.select-text{width:98%;height:25px;line-height: 25px;text-align:center;color:rgba(255,255,255,.8);}
.select-text option{color:#000;}
.input-text{width:98%;height:25px;line-height: 25px;text-align:center;color:rgba(255,255,255,.8);background:0;font-size: 12px;}
.input-text-active{background:rgba(255,255,255,.2);}
/*文本域样式*/
.textarea-text{width:98%;height:100%;line-height: 16px;text-align:left;resize: none;color:rgba(255,255,255,.8);background:0;}

.textarea-text-active{background:rgba(255,255,255,.2);}
textarea::-webkit-scrollbar{width:7px;background:rgba(0,0,0,.3);}
.textarea-scroll::-webkit-scrollbar{width:0px;}
/*文本多行居中显示*/
.middle-text{display: table !important;width: 100%;height:100%;position: relative;overflow: hidden;line-height: 12px;}
.middle-text-span{vertical-align: middle;display: table-cell !important;}
html{width:100%;height:100%;min-width: 980px;}
body{width:100%;height:100%;background:url("../img/index.png") no-repeat;background-attachment: fixed;background-size: 100% 100%;}

/*列表选中的状态*/
.list-active{background: rgba(0,0,0,.5) !important;}

/*文字链接*/
.go-aciteve:hover{color:#0865dc;text-decoration: underline;}

/*启用，禁用*/
.start{color: rgba(168, 220, 60, 0.8) !important;}
.stop{color: rgba(196, 124, 37, 0.8) !important;}
/*左边内容区域*/
/* .left{width:13.5%;position: fixed;top:0;left:0;bottom:0; z-index: 1;} */
/* 修改 */
/* .left{width:15%;position: fixed;top:0;left:0;bottom:0; z-index: 1;} */
.left{width:60px;position: fixed;top:0;left:0;bottom:0; z-index: 1;}
    .left-header{}
        .return-wrap,
        .news-wrap,
        .setting-wrap,
        .my-wrap{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius: 50%;}
        .return-wrap{border:0;}
            .return{background: url("../img/icon_return.png") no-repeat center;}
            .news{background: url("../img/icon_news.png") no-repeat center;}
            .setting{background: url("../img/icon_setting.png") no-repeat center;}
            .my{background: url("../img/icon_my.png") no-repeat center;}
            .left-header-active{background:rgba(255,255,255,.35);}
    .left-menu{}
        .icon{display: inline-block;margin-right: 12.31%;margin-left: 11.63%;}
        .item-0:hover{background:rgba(255,255,255,.1);}
        .item-1:hover{background: rgba(255,255,255,.2);}

/*右边内容区域*/
.right{width:95.5%;margin:0 0 0 60px;z-index:1;}
    .header{height: 64px;}
        .header-search-box{width:24%;background:rgba(0,0,0,.25);}
        .header-button{width:76%;}
    .middle{}
        .router-bg{width:9px;background:url("../img/router-bg.png") no-repeat left;}
        .router{padding:0 1.8% 0 1%;background:url("../img/place.png") no-repeat right #283b42;}
        .router:last-child{background:#283b42;}
        .middle-right{/*width:827px;*/top:0px;right:0px;}
        .middle-right-speard{/*width:827px;*/top:-40px;right:0px;}
        .search-list{left:90px;right:0px;background:rgba(0,0,0,.1);}
            .search-term{width:90px;background:rgba(0,0,0,.15);}
            .search-label{padding:0 10px;height: 100%;float: left;}/*width:100px;text-align-last: justify;*/
            .search-input{width:88px;height:20px;margin-top:10px;background:0;float:left;color: rgba(255,255,255,.8);text-align: center;}
            .search-input-stock{width:145px;background:0;float:left;color: rgba(255,255,255,.8);text-align: center;}
            .search-select{margin-top:13px;}
            .search-date{width:88px;}
            .spread-retract:hover{background-color:rgba(0,0,0,0.2)}
            .spread-btn{width: 40px;background:url("../img/spread.png") no-repeat center;}
            .retract-btn{width: 40px;background:url("../img/retract.png") no-repeat center;}
            .search-btn{width:40px;background:url("../img/search_btn.png") no-repeat center;}
    .content{}
        .content-title{}
            .content-title-left{left:0px;right:0px;}
                .content-title-detail{left:0px;right:213px;}
                    .content-title-icon{width: 24px;height: 23px;margin: 0px 19px 0 23px;vertical-align: baseline;}
                    .content-title-icon-sales{background:url("../img/sales_start.png") no-repeat;background-size: 100% 100% ;}
                    .content-title-icon-quoteList{background:url("../img/quoteList.png") no-repeat;background-size: 100% 100% ;}
                    .content-title-icon-dye{background: url(../img/iconFo.png) no-repeat ; background-size: 100% 100% ;}
                    .content-title-icon-stock{background: url(../img/bigKecun.png) no-repeat ; background-size: 100% 100% ;}
                    .content-title-icon-knit{background: url(../img/bigKnit.png) no-repeat ; background-size: 100% 100% ;}
                    .content-title-icon-greige{background: url(../img/greige.png) no-repeat ; background-size: 100% 100% ;}
                    .content-title-icon-todoList{background: url(../img/trends.png) no-repeat ; background-size: cover ;}
                    .content-title-name{font-size:24px;}
                    .content-title-icon-size{font-size: 26px;color:#fff;width: 24px;height: 21px; display: inline-block;}
                    .content-title-build{margin:12px 12px 0 0;}
                        .content-title-build-div{height: 34px;line-height: 34px;padding: 0 10px;border: 1px solid rgba(255,255,255,.2);margin-left: 8px;border-radius: 1px;}
                        .content-title-build-div:hover{border-color:#fff;}
                            .content-title-build-icon{width:17px;height:17px;vertical-align: sub;display: inline-block;margin-right: 7px;}
                            .content-title-sales-build-icon{width:14px;height:14px;vertical-align: sub;display: inline-block;margin-right: 7px;}
                            .content-title-yarn-icon{background:url("../img/yarn-icon.png") no-repeat center center;background-size:100% 100%;}
                            .content-title-knit-icon{background:url("../img/knit-icon.png") no-repeat center center;background-size:100% 100%;}
                            .content-title-dye-icon{background:url("../img/dye-icon.png") no-repeat center center;background-size:100% 100%;}
                            .content-title-ran-icon{background:url("../img/ransha.png") no-repeat center center;background-size:100% 100%;}
                            .content-title-yin-icon{background:url("../img/yinhua.png") no-repeat center center;background-size:100% 100%;}
                            .content-title-cai-icon{background:url("../img/caigou.png") no-repeat center center;background-size:100% 100%;}
                            .content-title-sandLook-icon{background:url("../img/sandLook-icon.png") no-repeat center center;}
                            .content-title-buliao-icon{background: url("../img/buliao.png") no-repeat center center;}
                            .content-title-print{background:url("../img/print.png") no-repeat center center;}
                            .content-title-br{background:url("../img/br_icon.png") no-repeat center center;}
                            .content-title-warning{background:url("../img/yujing.png") no-repeat center center;background-size:100% 100%;}
                            .content-title-clock{background:url("../img/clock.png") no-repeat center center;}
                            .content-title-daoru{background:url("../img/daoru.png") no-repeat center center !important;}
                            .content-title-daochu{background:url("../img/daochu.png") no-repeat center center !important;}
                            .content-title-pi{background:url("../img/iconNine.png") no-repeat center center; background-size:100% 100%;}
                .content-title-new{width:212px;height: 100%;color: rgba(255, 255, 255, .8);text-align: center;cursor: pointer;}
                .content-title-new:hover{background:rgba(0,0,0,.2);}
                    .content-title-new-icon{width: 11px;height: 11px;margin-right: 12px;background:url("../img/add.png") no-repeat center center;}
            .content-title-right{width:121px;}
                .btn-wrap-lg{width: 60px;height: 60px;}/*background: rgba(0,0,0,.3);*/
                .btn-wrap-lg:hover{background:rgba(0,0,0,.2);}
                    .btn{width: 100%;height: 100%;cursor: pointer;position: relative;background: 0;}
                        .btn:hover .btn-text{display: block;}
                            .btn-icon{width: 100%;height: 100%;display: block;}
                            .btn-edit-icon{background: url("../img/edit.png") no-repeat center center;}
                            .btn-designate-icon{background:url('../img/designate.png') no-repeat center center;}
                            .btn-save-icon{background: url("../img/true.png") no-repeat center center;}
                            .btn-cancel-order-icon{background: url("../img/cancel_icon.png") no-repeat center center;}
                            .btn-recover-icon{background: url("../img/recover.png") no-repeat center center;}
                            .btn-add-icon{background: url("../img/jiahao.png") no-repeat center center;}
                            .btn-copy-icon{background: url("../img/copy.png") no-repeat center center;}
                            .btn-alteration-icon{background: url("../img/alteration.png") no-repeat center center;}
                            .btn-des-icon{background: url("../img/designate.png") no-repeat center center;}
                            .btn-del-icon{background: url("../img/del_bg.png") no-repeat center center;}
                            .btn-cancel-icon{background: url("../img/false.png") no-repeat center center;}
                            .btn-cun-icon{background: url("../img/lingcun.png") no-repeat center center;}
                            .btn-daoru-icon{background:url("../img/daoru.png") no-repeat center center;}

                            .btn-text{position: absolute;top:-24px;left:50%;margin-left:-17px;width:30px;padding:2px 1px;border:1px solid rgba(225,225,225,.2);display:none;color: rgba(255,255,255,.8);}
        .content-body{}
            .table{position:relative;}
                /*.table-left{width:145px;}*/
                    .table-title{background: rgba(0,0,0,.4);font-size: 14px;}
                    .table-title,.table-main{text-align: center;color: rgba(255,255,255,.7);margin-top: 1px;}
                    .table-main{color: rgba(255,255,255,.8);}

                    .table-main{background:rgba(0,0,0,.3);}
                    .table-main:nth-child(2n){background:rgba(0,0,0,.3);}
                    .table-main-active{background:rgba(0,0,0,.2) !important;}
                    .table-main-actived{background:rgba(0,0,0,.5) !important;}
                    /* .table-main-actived .no{background:url("../img/no.png") no-repeat left center;} */
                .table-center{}
                    .table-main-span{width: 100%;position: absolute;line-height: 16px;padding:0 1px;word-break: break-all;color:rgba(255,255,255,.8)}
                .out_box_list{position:absolute;top:0px;bottom:0px;left:175px;right:180px;}
                .table-right{width:180px;}
                    .content-body-main-right-main:hover .del{display:block;}
                    .content-body-main-right-main:hover .audited,
                    .content-body-main-right-main:hover .finished,
                    .content-body-main-right-main:hover .not-audited{display:none;}
                        .audited{color: rgb(168,220,60);}
                        .not-audited{color: rgb(242,92,55);}
                        .finished{color:rgb(130,152,163);}
                        .canceled-style{color: rgb(196,124,37)}
                        .del{font-size: 16px;width: 38px;display: none;border: 1px solid #657579;border-radius: 50%;color: #657579;}
                .title-bg{top:0px;left:0px;right:0px;height:40px;z-index: -10;background: rgba(0,0,0,.4);margin-bottom:1px;}
        .pool-wrap{bottom: -25px;left: 54px;height: 30px;line-height: 30px;}
            .pool-number{padding:0 10px;}
            .pool{padding:0 10px;}
            .pool-money{padding-right:20px;}

        .content-detail-body{}
            .content-detail-title{background: rgba(0,0,0,.4);}
                .user-info{right:0px;}
                    .checked{width: 14px;height: 14px;display: inline-block;vertical-align: sub;background:url("../img/checkedsr.png") no-repeat center;}
                    .not-checked{width: 14px;height: 14px;display: inline-block;vertical-align: sub;background:url("../img/nochecked.png") no-repeat center;}
                    .cancel-status{width: 14px;height: 14px;display: inline-block;vertical-align: sub;background:url("../img/cancel.png") no-repeat center;}
                    .finished-status{width: 14px;height: 14px;display: inline-block;vertical-align: sub;background:url("../img/finished.png") no-repeat center;}
                    .check-btn{display: inline-block;width: 46px;height: 18px;line-height: 18px;color: rgba(255,255,255,0.7);margin-right: 10px;}
                    .check-back-btn{background: rgba(224,128,49,0.1);border: 1px solid rgba(255,86,30,.4);}
                    .check-back-btn:hover {color: rgba(255,255,255,0.9);background: rgba(224,128,49,0.3);border: 1px solid rgba(255,86,30,.8);}
                    .to-check-btn{background: rgba(22,120,39,0.2);border: 1px solid rgba(51,214,80,.4);}
                    .to-check-btn:hover {color: rgba(255,255,255,0.9);background: rgba(22,120,39,0.4);border: 1px solid rgba(51,214,80,.8);}
            .content-detail-body-main{padding:16px 60px;}
                .content-detail-body-main input{text-align:left;}
                .content-detail-body-main-list{height:76px;}
                .input-box{height: 16px;border-bottom:1px solid #7f8883;color:rgba(255,255,255,.8);}
                .remark-wrap{clear:both;width:55%;}
                    .remark-title{display:inline-block;}
                    .remark-textarea{padding: 10px;color: #bcbdbc;height: 70px;resize: none;background: rgba(0, 0, 0, 0.1);border: 1px solid transparent;overflow-x: hidden;box-sizing: border-box;overflow-y: hidden;}
                    .border-active{border:1px solid red;}
                    .value-wrap{right:20px;}
                    .actual-value,.overtop-value{color: #ff000d;}
                    .aim-value{color: #8fbc3a;}
            .content-detail-body-detail{padding-bottom:20px;}
                .btn-wrap-sm{width:40px;height: 40px;background: rgba(0,0,0,.3);}/*.content-detail-body-detail-btn,*/
                .btn-wrap-md{width:80px;height: 40px;background: rgba(0,0,0,.3);}
                .btn-wrap-big{width:100px;height: 40px;background: rgba(0,0,0,.3);}
                .pool-detail{height: 40px;line-height: 40px;position: absolute;top:0px;right:10px;color: rgba(255,255,255,.8);text-align: center;}
                .detail-switch{width: 100%;height: 17px;text-align: center;display: block;position: absolute;top: 0;right: 0;bottom: 0;margin: auto 0;left: 5px; background: url('../img/changeButton.png') no-repeat 10px center;}
                .table{}
                    .table-detail-left{width:116px;}
                    .table-center{}

    .ba-content-body-main-detial-div{background: rgba(0,0,0,.2);position:relative;margin-top:1px;}
    .ba-content-body-main-detial-div:first-child{margin-top:10px;}
    .ba-content-body-main-detial-div:last-child{margin-bottom: 10px;}
        .ba-content-body-main-detial-left {left: 0px;right: 122px;text-align: center;position:absolute;margin-bottom:1px;color:rgba(255,255,255,.8);}
        .ba-content-body-main-detial-right {width: 120px;}
        .ba-content-body-main-detial-left{}
    .ba-content-body-main-detial-ul{background: rgba(0,0,0,.3);}
    /*.ba-content-body-main-detial-ul:nth-child(2n){background: rgba(0,0,0,.35);}*/
    .ba-content-body-main-detial-ul:hover{background: rgba(0,0,0,.25);}

/*登入*/
.login-wrap{top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.3);}
    .login{width:410px;height:320px;background: rgba(255,255,255,.3);border-radius: 10px;overflow:hidden;}
        .lotin-title{font-size: 26px;height: 80px;line-height: 80px;font-weight: normal;}
        .login-main{width: 328px;margin: 0 auto;}
            .user-name,
            .password{height: 44px;margin: 10px 0;border: 1px solid transparent;margin-bottom: 20px;}
            .user-name{background: url("../img/username.png") no-repeat 10px center #e4e6e7;}
            .password{background: url("../img/psd.png") no-repeat 10px center #e4e6e7;}
            .user-name:hover,
            .password:hover{border: 1px solid #fff;}
                .line{width: 2px;height: 16px;display: inline-block;margin: 10px;background: url("../img/th_line.png") no-repeat center center;position: absolute;top: 0;bottom: 0;left: 40px;margin: auto 0;}
                .txt{width: 234px;height: 44px;line-height: 44px;margin-left: 48px;background:transparent;color:#000;}
                .login-icon{width: 44px;height: 44px;float: right;}
                    .user-name-icon{background: url("../img/toDown.png") no-repeat center rgba(0,0,0,0.2);}
                    .password-icon{background: url("../img/eyes.png") no-repeat center rgba(0,0,0,0.2);}
                .login-label{padding: 0px 25px;background: url("../img/checkbox-noselect.png") no-repeat left center;}
                .login-label-active{padding: 0px 25px;background: url("../img/checkbox-select.png") no-repeat left center;}
                .login-checkbox{position: absolute;clip: rect(0 0 0 0);}
            .login-btn{width: 100%;height: 52px;border: 0;margin-top: 30px;background: -webkit-linear-gradient(30deg,#20c44e,#12e2a6);background: linear-gradient(60deg,#20c44e,#12e2a6);}
    .language-wrap{width: 400px;height: 40px;line-height: 40px;right: 0px;top: 20px;}
        .language-title{width:125px;}
        .language-radio{width:75px;}

/*首页*/
.index-wrap{}
    .index-top-wrap{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
        .index-top-left{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;background:url("../img/index_top.png");background-size:cover}
        .index-top-right{width:525px;height:430px;background:rgba(0,0,0,.3);}
            .index-title{margin-left:20px;}
            .move{margin-right:20px;}
                .new-trends-date{margin:0 20px;}
    .index-bottom-wrap{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
        .index-bottom-left{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;background:url("../img/index_bottom.png");background-size: cover}
        .index-bottom-right{width:525px;height:430px;}
            .my-need{height: 370px;background:rgba(0,0,0,.3);}
                .my-need-list{padding:0 12px 0 20px;}
                .my-need-title{background:rgba(0,0,0,.2);}
                    .order-number{width:124px;}
                    .assigns{width:94px;}
                    .assigns-time{width:118px;}
                    .assigns-remark{width:112px;}
                    .assigns-status{width:45px;}

/*换肤*/
.peeling{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -100;background: rgba(37,149,160,0.3);}

/*tab 切換*/
.tab{position:absolute;left:165px;top:20px;}
    .tab-item{float:left;margin-right: 20px;}
        .tab-item-a{display: block;font-size: 18px;height: 26px;line-height: 26px;color: rgba(255,255,255,.3);}
        .tab-item-a:hover{color: rgba(255,255,255,.5);}
        .tab-item-active a{border-bottom: 2px solid #e08031;color: rgba(255,255,255,.8);}
    .tab-span{font-size: 14px;color: rgba(2555,255,255,0.8);margin-left: 20px;padding: 3px;border: 1px solid transparent;cursor: pointer;}
    .tab-span:first-child{margin:0;}
    .tab-span-active{border: 1px solid rgba(255,255,255,.8);}
    .tab-span-active-two{border: 1px solid rgba(255,255,255,.8);}
/*滚动条*/
/*.out_box {
	width: 500px;
	height: 400px;
	background: #fff;
}*/
.scroll_box {
	width: 100%;
	height: 100%;
    position: relative;
	overflow: hidden;
}
.vertical, .horizontal {
	display: block;
	background: transparent;
	position: absolute;
	z-index: 9;
}
.vertical {
	width: 10px;
	height: 100%;
	top: 0;
	right: 0;
}
.horizontal {
	width: 100%;
	height: 13px;
	bottom: 0;
	left: 0;
}
.inner_ver {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 10px;
	height: 20px;
	border-radius: 5px;
	background: rgba(0,0,0,.4);
}
.inner_hor {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 13px;
	background: #c1c1c1;
}
.horizontal{

}
.inner_box {
	position: absolute;
	left: 0;
	top: 0;
	/*width: 600px;*/
	/*height: 500px;*/
	/*background: gray;*/
	z-index: 0;
}
/*分页样式*/
.pagination {
        font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
        position: relative;
        color: #ffffff;
        font-size: 12px;
        float: right;
        margin-right: 20px;
        /*margin-top: 20px;*/
      }
      .pagination li{
        display: inline-block;
        margin-right:5px;
      }
      .pagination li a{
        padding:0 .6rem;;
        display:inline-block;
        color:rgba(255,255,255,0.8);
      }
      .pagination li a:hover{
        background: rgba(0,0,0,0.2);
      }
      .pagination li.active a{
        background: rgba(0,0,0,0.2);
      }
      .page{
        margin-right: -7px;
      }
      .page:last-child{
        margin-left: -3px;
      }
      .page a{
        padding: 0px !important;
      }
      .page a:hover{
        background:transparent !important;
      }
      .info-color{
        color: rgba(255,255,255,0.5);
      }
/*分页样式结束*/

/*纱别*/
.short-list,.long-list{text-align: left;color: rgba(255,255,255,.7);}
    /*.new-item{width:8%;}*/
    .new-item{width:14%;}
    /*.add-item{width:8.5%;}*/
    .add-item{width:14.5%;}
    /*.add-item2,.add-item3{width:16%;}*/
    .add-item2,.add-item3{width:20%;}
    .new-item2,.new-item3{width:14.8%;}
    .long-list > .new-item9,.list-item9{width:21.54%;}
    .new-item10{width:14%;}


li>.basic-info{
        display: table !important;
        width: 100%;
        height: 60px;
        position:relative;
        overflow:hidden;
        line-height: 12px;
    }
li>.basic-info>span {
        vertical-align:middle;
        display:table-cell !important;
        line-height: 16px;
    }

.sequence-item{position:relative;cursor:pointer;}
.sequence-item:before{content:'';border-top: 4px solid transparent;border-bottom: 4px solid rgba(255,255,255,.8);border-right: 4px solid transparent;border-left: 4px solid transparent;position: absolute;top: 0px;right: -9px;cursor:pointer;}
.sequence-item2{position:relative;cursor:pointer;}
.sequence-item2:after{content:'';border-top: 4px solid rgba(255,255,255,.8);border-bottom: 4px solid transparent;border-right: 4px solid transparent;border-left: 4px solid transparent;position: absolute;bottom: 1px;right: -9px;cursor:pointer;}

.menu-btn{
    z-index: 8888;
    position: absolute;
    width: 15px;
    height:148px;
     background: url("../img/menu-btn.png") no-repeat;
    right: -15px;
    top: 40%;
      display: none;
      opacity: 0.3;
}

/*表头固定*/
.fixed-div{
    width: 86.5%;
    position: fixed;
    top: 0px;
    display: none;
    background: #009aff;
}
.basic-fixed-div{
    width: 82%;
    position: fixed;
    top: 0px;
    display: none;
    background: #009aff;
}
/*.fixed-ul {
    background-color: rgb(69, 95, 109);
}*/

/*适配*/
@media screen and (min-width:1500px){
    .left-logo{display:none;}
   .content-detail-body-main-list{width:14%;padding-right:7.5%;}
   .content-detail-body-main-list:nth-child(5n){padding:0px;}
   .checkBox_one input{
    display: block!important;
    width: 14px!important;
    height: 14px!important;
    margin: 13px auto!important;
    }
    .checkBox_two input{
        display: block!important;
        width: 14px!important;
        height: 14px!important;
        margin: 23px auto!important;
    }
    .editClass:hover{
        background-color: rgba(0,0,0,.2)!important;
        cursor: pointer;
    }
}
@media screen and (min-width:1271px) and (max-width:1499px){
    .left-logo{display:none;}
    .w-pct-md{width:22.5%;}
    .w-pct-lg{width:32.5%;}
   .content-detail-body-main-list{width:18%;padding-right:9.33%;}
   .content-detail-body-main-list:nth-child(4n){padding:0px;}
    .checkBox_one input{
        display: block!important;
        width: 14px!important;
        height: 14px!important;
        margin: 13px auto!important;
    }
    .checkBox_two input{
        display: block!important;
        width: 14px!important;
        height: 14px!important;
        margin: 23px auto!important;
    }
    .editClass:hover{
        background-color: rgba(0,0,0,.2)!important;
        cursor: pointer;
    }
    .left{
        overflow: hidden;
    }
    .left-footer{
        width:15% !important;
        left: 0px !important;
        background-color: transparent !important;
    }
    .li-box-right{
        background: #37414b url(../../assets/img/shousuo_xuanting.png) no-repeat center !important;
    }
    .li-box-left{
        background: #37414b url(../../assets/img/shousuo_xuanting.png) no-repeat center !important;
    }
}

@media (max-width:1270px){
    .header {
        margin-bottom: 0;
    }
    li>.basic-info{
        height: 45px;
    }
    .right-box {
        margin: 0 0 0 6%;
    }
    .checkBox_one input{
        display: block!important;
        width: 14px!important;
        height: 14px!important;
        margin: 13px auto!important;
    }
    .checkBox_two input{
        display: block!important;
        width: 14px!important;
        height: 14px!important;
        margin: 15.5px auto!important;
    }
    .btn-wrap-lg{
        width: 45px!important;
        height: 45px!important;
        margin: 0!important;
    }
    .editClass{
        width: 45px!important;
        height: 45px!important;
        margin: 0 -10px 0 0!important;
        background: url("../../assets/img/edit.png") no-repeat center center!important;
        /* margin-left: 10px */
    }
    .editClass:hover{
        background-color: rgba(0,0,0,.2)!important;
        cursor: pointer;
    }
    .calendar{
        left:-35px;
    }
    .menu-btn{
        display: block;
    }
    .left{
        height: 100%;
        position: fixed;
        left: 0px;
        width: 60px;
        background: #3c5f79;
        overflow: hidden;
    }
    .big-width {
        display: block;
    }
    .right{
        width:97%;
        margin:0px;
        float: right;
        z-index:1;
    }
    .mb-ex-sm{margin-bottom:16px;}

    .h-lg{height:45px;}
    .h-md{height:40px;}

    .lh-lg{line-height:45px;}
    .lh-md{line-height:40px;}

    .fs-lg{font-size: 14px;}
    .fs-md{font-size: 12px;}

    .w-pct-md{width:22.55%;}
    .w-pct-lg{width:32.35%;}

    .return-wrap,
        .news-wrap,
        .setting-wrap,
        .my-wrap{width:26px;height:26px;}

    .router-wrap{font-size:12px;}
    .middle-right {/*width: 610px;*/}
        .search-wrap{font-size:12px;}
            .search-list {left: 0px;}
            .search-input {width: 80px;}
            .search-input-stock{width: 135px;}
            .search-label {padding: 0 3px;}
            .search-date {width: 80px;}
    .content-title-left {right: 0px;}
        .content-title-detail {right: 161px;}
            .content-title-icon {width: 17px;height: 16px;margin: 0px 15px 0 18px;background-size: 17px 16px;}
            .content-title-name{font-size:16px;}
            .content-title-icon-size{font-size: 18px;}
            .content-title-new {width: 160px;}
            .content-title-build {margin: 7px 7px 0 0;font-size: 12px;}
                .content-title-build-icon {width: 13px;height: 13px;background-size: 13px 13px;}
                .content-title-build-div{height: 30px;line-height: 30px;padding: 0 7px;border-radius: 1px;}
    .content-title-right {width: 91px;}
        .btn-wrap-lg{width: 45px;height: 45px;}
    .table-right {width: 180px;}
    .tables-right{width:180px !important;}
        .del{width: 34px;height: 34px;line-height: 34px;}
    .remark-wrap {width: 100%;}

   .content-detail-body-main-list{width:25%;height: 66px;padding-right:12.5%;}
   .content-detail-body-main-list:nth-child(3n){padding:0px;}

   .ba-content-body-main-detial-left{right: 92px;}
   .ba-content-body-main-detial-right{width: 91px;}

   .out_box_list{position:absolute;top:0px;bottom:0px;left:175px;right:180px;}
   .table-main-span{font-size:12px;}

   .tab {position: absolute;left: 110px;top: 16px;}
        .tab-item-a{font-size:12px;height:20px;line-height: 20px;}
}
body::-webkit-scrollbar {
    /* width: 16px;
    height: 16px; */
    /* border-radius: 10px; */
    /* background-color: #32475f */
}

body::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); */
    /* border-radius: 10px; */
    /* width:20px; */
    /* background-color: #32475f */
}

body::-webkit-scrollbar-thumb {
    /* width: 20px;
    height: 20px; */
    /* border-radius: 10px; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); */
    /* background-color: #587d93 */
}
/* body::-webkit-scrollbar-button {
    background: url("../img/TB.jpg") no-repeat left center !important;
} */
/* input[type="checkbox"]{
    cursor: pointer;
    font-size: 1em;
    -webkit-appearance:none;
    background-color: white;
} */
/* [id^="checkbox"] { */
    /* background-color: red; */
    /* border: 1px solid #666666;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
} */